<template>
  <div class="banner">
    <img :src="url" alt="">
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {
    url: String
  }
}
</script>

<style>
.banner {
  position: relative;
  width: 100%;
  height: 300px;
}
.banner > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
</style>
